<!-- 会议详情 弹窗 -->
<template>
  <div>
    <el-dialog
      :title="title"
      :visible.sync="showMeetingDetailsDialog"
      :before-close="cancel"
      width="700px"
      append-to-body
      custom-class="dialog-box"
    >
      <el-descriptions class="meeting-descriptions" :column="1" border>
        <!-- <el-descriptions-item>
          <template slot="label"> 评审会议时间 </template>
          {{mettingData.reviewTimeStart +' - '+ mettingData.reviewTimeEnd}}
        </el-descriptions-item> -->
        <el-descriptions-item label-class-name="descriptions-item-label">
          <template slot="label"> 评审会议地点 </template>
          {{mettingData.reviewAddress}}
        </el-descriptions-item>
      </el-descriptions>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">关 闭</el-button>
        <!-- <el-button type="primary" @click="submitForm">确 定</el-button> -->
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { getMetting} from "@/api/projectCompany/myProject";

export default {
  name: "MeetingDetailsDialog",
  props: {
    showMeetingDetailsDialog: {
      type: Boolean,
      default: false,
    },
    proId:{
      type: String,
      default:''
    }
  },
  data() {
    return {
      // 弹出层标题
      title: "会议详情",
      mettingData:{reviewTimeStart:'',reviewAddress:''}
    };
  },
  watch:{
      showMeetingDetailsDialog(val){
          if(val==true){
              this.getMettingList()
          }
      },
  },
  methods: {
    /** 取消按钮 */
    cancel() {
      this.$emit("changeShowDialog", "false"); //调用父组件的自定义事件，并传值
    },
    /** 确定按钮 */
    submitForm() {
      this.$emit("changeShowDialog", "false");
    },
     getMettingList(){
        getMetting(this.proId).then(res=>{
            if(res.code==200 && res.data){
                this.mettingData=res.data
            }
        })
    }
  },
};
</script>

<style lang="scss" scoped>
</style>
